<template>
  <div>
    <div class="mobile-menu-area">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="mobile-menu">
              <nav id="dropdown">
                <ul>
                  <li>
                    <a class="active1" href="index.html">Home</a>
                    <ul>
                      <li>
                        <a href="index.html">home version 1</a>
                      </li>
                      <li>
                        <a href="index-2.html">home version 2</a>
                      </li>
                      <li>
                        <a href="index-3.html">home version 3</a>
                      </li>
                    </ul>
                  </li>
                  <li class="active1">
                    <a class="active1" href="#">Pages</a>
                    <ul>
                      <li>
                        <a href="about-us.html">about us</a>
                      </li>
                      <li>
                        <a href="cart.html">cart</a>
                      </li>
                      <li>
                        <a href="checkout.html">checkout</a>
                      </li>
                      <li>
                        <a href="wishlist.html">wishlist</a>
                      </li>
                      <li>
                        <a href="login.html">login</a>
                      </li>
                      <li>
                        <a href="register.html">register</a>
                      </li>
                      <li>
                        <a href="contact.html">contact</a>
                      </li>
                      <li>
                        <a href="shop-page.html">shop page</a>
                      </li>
                      <li>
                        <a href="shop-list.html">shop list</a>
                      </li>
                      <li>
                        <a href="single-product.html">single product</a>
                      </li>
                      <li>
                        <a href="404.html">404 page</a>
                      </li>
                    </ul>
                  </li>
                  <li class="active1">
                    <a class="active1" href="#">Blog</a>
                    <ul>
                      <li>
                        <a href="blog-page.html">blog-page</a>
                      </li>
                      <li>
                        <a href="blog-sidebar.html">blog left sidebar</a>
                      </li>
                      <li>
                        <a href="blog-right-sidebar.html">blog right sidebar</a>
                      </li>
                      <li>
                        <a href="blog-details.html">blog-details</a>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="about-us.html">about us</a>
                  </li>
                  <li>
                    <a href="contact.html">Contacts</a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- service area start -->
    <div class="slider-area">
      <div class="bend niceties preview-2">
        <div id="ensign-nivoslider" class="slides">
          <img src="assets/img/slider/1.jpg" alt title="#slider-direction-1" />
          <img src="assets/img/slider/2.jpg" alt title="#slider-direction-2" />
        </div>
        <!-- direction 1 -->
        <div id="slider-direction-1" class="t-cn slider-direction">
          <div class="container">
            <div class="slider-content t-lfl s-tb slider-1">
              <div class="title-container s-tb-c title-compress">
                <h1 class="title1">amazing Collections</h1>
                <h3 class="title2">save up to 40% off</h3>
                <a class="button-hover" href="#">shop now</a>
              </div>
            </div>
          </div>
        </div>
        <!-- direction 2 -->
        <div id="slider-direction-2" class="slider-direction">
          <div class="container">
            <div class="slider-content s-tb slider-2">
              <div class="title-container s-tb-c">
                <h1 class="title4">awesome fashion 2018</h1>
                <h3 class="title3">new arrivals collection</h3>
                <a class="button-hover" href="#">shop now</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- service area end -->
    <!-- shop area start -->
    <div class="portfolio-area ptb-100">
      <div class="container">
        <div class="section-title text-center mb-50">
          <h2>
            Featured Collections
            <i class="fa fa-shopping-cart"></i>
          </h2>
        </div>
        <div class="shop-menu portfolio-left-menu text-center mb-50">
          <button class="active" data-filter="*">ALL</button>
          <button data-filter=".mix1">Dresses</button>
          <button data-filter=".mix2">Bags</button>
          <button data-filter=".mix3">Jewelry</button>
          <button data-filter=".mix4">Shoes</button>
        </div>
        <div class="row portfolio-style-2">
          <div class="grid">
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix1 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/1.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="price-up-down">
                    <span class="sale-new">sale</span>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Tops</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$120.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix2 mix3 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/2.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Handbag</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$150.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix1 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/3.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="price-up-down">
                    <span class="sale-new">-30%</span>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Perfume</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$180.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix2 mix4 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/4.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Shirt</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$220.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix1 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/5.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Handbag</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$430.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix3 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/6.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="price-up-down">
                    <span class="sale-new">new</span>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">T-Shirt</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$230.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix2 mix3 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/7.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Watch</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$650.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 grid-item mix1 mix4 mb-50">
              <div class="single-shop">
                <div class="shop-img">
                  <a href="#">
                    <img src="assets/img/shop/equal/8.jpg" alt />
                  </a>
                  <div class="shop-quick-view">
                    <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                      <i class="pe-7s-look"></i>
                    </a>
                  </div>
                  <div class="price-up-down">
                    <span class="sale-new">-50%</span>
                  </div>
                  <div class="button-group">
                    <a href="#" title="Add to Cart">
                      <i class="pe-7s-cart"></i>
                      add to cart
                    </a>
                    <a class="wishlist" href="#" title="Wishlist">
                      <i class="pe-7s-like"></i>
                      Wishlist
                    </a>
                  </div>
                </div>
                <div class="shop-text-all">
                  <div class="title-color fix">
                    <div class="shop-title f-left">
                      <h3>
                        <a href="#">Bag</a>
                      </h3>
                    </div>
                    <div class="price f-right">
                      <span class="new">$120.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="text-center">
          <a class="hvr-shutter-out-horizontal" href="shop-page.html">
            view more
            <i class="fa fa-angle-double-right"></i>
          </a>
        </div>
      </div>
    </div>
    <!-- shop area end -->
    <!-- subscribe area start -->
    <div class="offer-area shop-text bg-opacity-black-90">
      <div class="container">
        <div class="subscribe-bg ptb-80">
          <div class="row">
            <div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8">
              <div class="offer-text text-center">
                <h3>unlimited offer</h3>
                <div class="text-center">
                  <a class="hvr-shutter-out-horizontal" href="shop-page.html">
                    shop now
                    <i class="fa fa-angle-double-right"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- subscribe area end -->
    <!-- special-offer area start -->
    <div class="special-offer ptb-100">
      <div class="container">
        <div class="section-title text-center mb-50">
          <h2>
            New Collections
            <i class="fa fa-shopping-cart"></i>
          </h2>
        </div>
        <div class="row">
          <div class="special-slider-active owl-carousel">
            <div class="single-special-slider">
              <div class="col-lg-12 col-md-12 col-xs-12">
                <div class="single-shop">
                  <div class="shop-img">
                    <a href="#">
                      <img src="assets/img/shop/equal/1.jpg" alt />
                    </a>
                    <div class="shop-quick-view">
                      <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                        <i class="pe-7s-look"></i>
                      </a>
                    </div>
                    <div class="price-up-down">
                      <span class="sale-new">sale</span>
                    </div>
                    <div class="button-group">
                      <a href="#" title="Add to Cart">
                        <i class="pe-7s-cart"></i>
                        add to cart
                      </a>
                      <a class="wishlist" href="#" title="Wishlist">
                        <i class="pe-7s-like"></i>
                        Wishlist
                      </a>
                    </div>
                  </div>
                  <div class="shop-text-all">
                    <div class="title-color fix">
                      <div class="shop-title f-left">
                        <h3>
                          <a href="#">Tops</a>
                        </h3>
                      </div>
                      <div class="price f-right">
                        <span class="new">$120.00</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="single-special-slider">
              <div class="col-lg-12 col-md-12 col-xs-12">
                <div class="single-shop">
                  <div class="shop-img">
                    <a href="#">
                      <img src="assets/img/shop/equal/2.jpg" alt />
                    </a>
                    <div class="shop-quick-view">
                      <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                        <i class="pe-7s-look"></i>
                      </a>
                    </div>
                    <div class="price-up-down">
                      <span class="sale-new">sale</span>
                    </div>
                    <div class="button-group">
                      <a href="#" title="Add to Cart">
                        <i class="pe-7s-cart"></i>
                        add to cart
                      </a>
                      <a class="wishlist" href="#" title="Wishlist">
                        <i class="pe-7s-like"></i>
                        Wishlist
                      </a>
                    </div>
                  </div>
                  <div class="shop-text-all">
                    <div class="title-color fix">
                      <div class="shop-title f-left">
                        <h3>
                          <a href="#">Handbag</a>
                        </h3>
                      </div>
                      <div class="price f-right">
                        <span class="new">$670.00</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="single-special-slider">
              <div class="col-lg-12 col-md-12 col-xs-12">
                <div class="single-shop">
                  <div class="shop-img">
                    <a href="#">
                      <img src="assets/img/shop/equal/3.jpg" alt />
                    </a>
                    <div class="shop-quick-view">
                      <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                        <i class="pe-7s-look"></i>
                      </a>
                    </div>
                    <div class="price-up-down">
                      <span class="sale-new">sale</span>
                    </div>
                    <div class="button-group">
                      <a href="#" title="Add to Cart">
                        <i class="pe-7s-cart"></i>
                        add to cart
                      </a>
                      <a class="wishlist" href="#" title="Wishlist">
                        <i class="pe-7s-like"></i>
                        Wishlist
                      </a>
                    </div>
                  </div>
                  <div class="shop-text-all">
                    <div class="title-color fix">
                      <div class="shop-title f-left">
                        <h3>
                          <a href="#">Perfume</a>
                        </h3>
                      </div>
                      <div class="price f-right">
                        <span class="new">$340.00</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="single-special-slider">
              <div class="col-lg-12 col-md-12 col-xs-12">
                <div class="single-shop">
                  <div class="shop-img">
                    <a href="#">
                      <img src="assets/img/shop/equal/4.jpg" alt />
                    </a>
                    <div class="shop-quick-view">
                      <a href="#" data-toggle="modal" data-target="#quick-view" title="Quick View">
                        <i class="pe-7s-look"></i>
                      </a>
                    </div>
                    <div class="price-up-down">
                      <span class="sale-new">sale</span>
                    </div>
                    <div class="button-group">
                      <a href="#" title="Add to Cart">
                        <i class="pe-7s-cart"></i>
                        add to cart
                      </a>
                      <a class="wishlist" href="#" title="Wishlist">
                        <i class="pe-7s-like"></i>
                        Wishlist
                      </a>
                    </div>
                  </div>
                  <div class="shop-text-all">
                    <div class="title-color fix">
                      <div class="shop-title f-left">
                        <h3>
                          <a href="#">Shirt</a>
                        </h3>
                      </div>
                      <div class="price f-right">
                        <span class="new">$230.00</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- special-offer area end -->
    <!-- blog area start -->
    <div class="blog-area pb-70">
      <div class="container">
        <div class="section-title text-center mb-50">
          <h2>
            latest news
            <i class="fa fa-pencil"></i>
          </h2>
        </div>
        <div class="row">
          <div class="col-md-4 col-sm-6">
            <div class="blog-details mb-30">
              <div class="blog-img">
                <a href="blog-details.html">
                  <img src="assets/img/blog/1.jpg" alt />
                </a>
                <div class="blog-quick-view">
                  <a href="blog-details.html">
                    <i class="pe-7s-link"></i>
                  </a>
                </div>
              </div>
              <div class="blog-meta">
                <h4>
                  <a href="blog-details.html">Kid’s Fashion 2018</a>
                </h4>
                <ul class="meta">
                  <li>
                    By
                    <a href="#">admin</a>
                  </li>
                  <li>25 june 2018</li>
                </ul>
                <p>
                  Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
                  to using 'Content here, distribution content here..
                </p>
                <a href="blog-details.html">read more</a>
              </div>
            </div>
          </div>
          <div class="col-md-4 col-sm-6">
            <div class="blog-details mb-30">
              <div class="blog-img">
                <a href="blog-details.html">
                  <img src="assets/img/blog/2.jpg" alt />
                </a>
                <div class="blog-quick-view">
                  <a href="blog-details.html">
                    <i class="pe-7s-link"></i>
                  </a>
                </div>
              </div>
              <div class="blog-meta">
                <h4>
                  <a href="blog-details.html">Women’s Fashion 2018</a>
                </h4>
                <ul class="meta">
                  <li>
                    By
                    <a href="#">admin</a>
                  </li>
                  <li>25 june 2018</li>
                </ul>
                <p>
                  Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
                  to using 'Content here, distribution content here..
                </p>
                <a href="blog-details.html">read more</a>
              </div>
            </div>
          </div>
          <div class="col-md-4 hidden-sm">
            <div class="blog-details mb-30">
              <div class="blog-img">
                <a href="blog-details.html">
                  <img src="assets/img/blog/3.jpg" alt />
                </a>
                <div class="blog-quick-view">
                  <a href="blog-details.html">
                    <i class="pe-7s-link"></i>
                  </a>
                </div>
              </div>
              <div class="blog-meta">
                <h4>
                  <a href="blog-details.html">man’s Fashion 2018</a>
                </h4>
                <ul class="meta">
                  <li>
                    By
                    <a href="#">admin</a>
                  </li>
                  <li>25 june 2018</li>
                </ul>
                <p>
                  Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
                  to using 'Content here, distribution content here..
                </p>
                <a href="blog-details.html">read more</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- blog area end -->
  </div>
</template>
<script>
module.exports = {
  data: function () {
    return {};
  },
  mounted() {
    (function (a) {
      a("#ensign-nivoslider").nivoSlider({
        effect: "random",
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 500,
        pauseTime: 5000,
        startSlide: 0,
        directionNav: true,
        controlNavThumbs: true,
        pauseOnHover: false,
        manualAdvance: true,
      });
    })(jQuery);
    (function (a) {
      a("nav#dropdown").meanmenu({
        meanScreenWidth: "767",
        meanMenuContainer: ".mobile-menu",
      });
      a(".grid").imagesLoaded(function () {
        a(".shop-menu").on("click", "button", function () {
          var i = a(this).attr("data-filter");
          h.isotope({
            filter: i,
          });
        });
        var h = a(".grid").isotope({
          itemSelector: ".grid-item",
          percentPosition: true,
          masonry: {
            columnWidth: ".grid-item",
          },
        });
      });
      a(".shop-menu button").on("click", function (h) {
        a(this).siblings(".active").removeClass("active");
        a(this).addClass("active");
        h.preventDefault();
      });
      var f = a("#slider-range");
      var b = a("#amount");
      f.slider({
        range: true,
        min: 40,
        max: 600,
        values: [20, 570],
        slide: function (h, i) {
          b.val("$" + i.values[0] + " - $" + i.values[1]);
        },
      });
      b.val("$" + f.slider("values", 0) + " - $" + f.slider("values", 1));
      a(".testimonial-active").owlCarousel({
        loop: true,
        nav: false,
        navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>',
        ],
        responsive: {
          0: {
            items: 1,
          },
          768: {
            items: 1,
          },
          1000: {
            items: 1,
          },
        },
      });
      a(".video-popup").magnificPopup({
        type: "iframe",
      });
      a(".details-tab").owlCarousel({
        loop: true,
        nav: true,
        items: 4,
        margin: 10,
        navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>',
        ],
        responsive: {
          0: {
            items: 3,
          },
          768: {
            items: 4,
          },
          1000: {
            items: 4,
          },
        },
      });
      a(".product-curosel").owlCarousel({
        loop: true,
        nav: true,
        items: 4,
        navText: [
          '<i class="fa fa-angle-left"></i>',
          '<i class="fa fa-angle-right"></i>',
        ],
        responsive: {
          0: {
            items: 1,
          },
          768: {
            items: 2,
          },
          1000: {
            items: 4,
          },
        },
      });
      a(".special-slider-active").owlCarousel({
        loop: true,
        nav: false,
        autoplay: true,
        items: 4,
        responsive: {
          0: {
            items: 1,
          },
          768: {
            items: 2,
          },
          1000: {
            items: 4,
          },
        },
      });
      a("[data-countdown]").each(function () {
        var h = a(this),
          i = a(this).data("countdown");
        h.countdown(i, function (j) {
          h.html(
            j.strftime(
              '<span class="cdown day">%-D <p>Days</p></span> <span class="cdown hour">%-H <p>Hour</p></span> <span class="cdown minutes">%M <p>Min</p></span class="cdown second"> <span>%S <p>Sec</p></span>'
            )
          );
        });
      });
      var e = a(".stickey");
      var g = a(window);
      g.on("scroll", function () {
        var h = g.scrollTop();
        if (h < 1) {
          e.removeClass("stick");
        } else {
          e.addClass("stick");
        }
      });
      a("#customer").on("click", function () {
        a("#customer-login").slideToggle(900);
      });
      a("#coupon").on("click", function () {
        a("#have-coupon").slideToggle(900);
      });
      a.scrollUp({
        scrollText: '<i class="fa fa-angle-up"></i>',
        easingType: "linear",
        scrollSpeed: 900,
        animation: "fade",
      });
      a(".parallax-window").parallax();
      var c = a("#contact_form");
      c.validate({
        onfocusout: false,
        onkeyup: false,
        rules: {
          name: "required",
          email: {
            required: true,
            email: true,
          },
        },
        errorPlacement: function (i, h) {
          i.insertBefore(h);
        },
        messages: {
          name: "What's your name?",
          email: {
            required: "What's your email?",
            email: "Please, enter a valid email",
          },
        },
        highlight: function (h) {
          a(h).text("").addClass("error");
        },
        success: function (h) {
          h.text("").addClass("valid");
        },
      });
      var d = a("#contact_submit");
      c.submit(function () {
        if (a(this).valid()) {
          d.button("loading");
          var h = a(this).attr("action");
          a.ajax({
            url: h,
            type: "POST",
            data: {
              contactname: a("#contact_name").val(),
              contactemail: a("#contact_email").val(),
              contactmessage: a("#contact_message").val(),
            },
            success: function () {
              d.button("reset");
              d.button("complete");
            },
            error: function () {
              d.button("reset");
              d.button("error");
            },
          });
        } else {
          d.button("reset");
        }
        return false;
      });
    })(jQuery);
  },
  methods: {},
};
</script>